body {
	margin: 0;
	padding: 0;
	height: 100%;
	min-height: 100%;
	width: 100%;
	background: url("../image/foto.jpg") no-repeat fixed center;
	background-size: cover;
	font-size: 100%;
	font-family: "Michroma", "Combo", "Lobster", Verdana
}

#cabecera {
	text-align: center;
	width: 100%;
	height: 10%;
	margin: 0;
	position: absolute;
	top: 1%;
}

h1 {
	font-family: "Chango";
	color: #2f4f4f;
	text-shadow: -1px -1px 4px #efeeed;
	height: 100%;
	width: 100%;
	text-align: center;
	margin: 0;
	font-size: 3em;
}

#centro {
	background-color: rgba(255, 255, 255, 0.5);
	/*Para determinar la opacidad de la capa*/
	left: 10%;
	width: 80%;
	height: 80%;
	position: absolute;
	top: 12%;
	padding: 0;
	font-size: 1em;
	border-top: 10px solid #67a0ed;
	border-left: 10px solid #67a0ed;
	border-right: 10px solid #67a0ed;
	border-bottom: 10px solid #67a0ed;
	/*Para redondear las esquinas del div*/
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
}

#texto {
	font-size: 1em;
	padding: 0;
	margin: 0;
	margin-left: 0;
	position: inherit;
	width: 100%;
	height: 100%;
}

nav {
	width: 100%;
	height: 10%;
}

.iconos {
	position: absolute;
	width: 34%;
}

.search {
	float: left;
	margin-top: 3%;
	margin-left: 12%;
	font-size: 1em;
}

#inputs {
	position: absolute;
	top: 45%;
	left: 27%;
	font-size: 1em;
}

.add {
	position: absolute;
	top: 20%;
	margin-left: 40%;
	font-size: 1em;
}

.listaArriba {
	position: absolute;
	width: 66%;
	right: 0%;
	font-size: 0.8em;
	background-color: rgba(255, 165, 0, 0.3);
	border-bottom: 2px solid #67a0ed;
	border-top-right-radius: 30px;
}

.listaArriba ul {
	margin-top: 2%;
	padding: 0%;
}

.listaArriba ul li {
	display: inline-block;
	margin-right: 5%;
	font-size: 1em;
}

.listaArriba ul li:first-child {
	margin-left: 2%;
}

.listaArriba ul li:last-child {
	margin-right: 0%;
}

#scroll {
	overflow-y: scroll;
	padding: 0;
	margin: 0;
	margin-left: 0;
	position: inherit;
	width: 100%;
	height: 90%;
}

#lista {
	padding-left: 0;
	margin-left: 0;
	width: 35%;
	font-size: 1em;
	top: 5%;
	padding-top: 3%;
	float: left;
}

#lista ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 1em;
}

.categoria {
	font-size: 1em;
	padding: 5%;
	padding-left: 22%;
	background-image: url("../image/pelisGif2.png");
	background-size: 12% auto;
	background-position: 4px center;
	background-repeat: no-repeat;
	border-top: 2px solid #67A0ED;
	border-right: 2px solid #67A0ED;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	display: block;
	color: #2C3030;
	font-family: "Michroma", "Combo", "Lobster", Verdana;
	font-weight: bold;
}

.categoria:last-child {
	border-top: 2px solid #67A0ED;
	border-right: 2px solid #67A0ED;
	border-bottom: 2px solid #67A0ED;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.categoria:hover {
	background-color: rgba(255, 165, 0, 0.3);
	background-position: 10% center;
	display: block;
	color: white;
	font-family: "Michroma", "Combo", "Lobster", Verdana;
	font-weight: bold;
	font-size: 1.25em;
}

.subcategorias ul li {
	margin-left: 20%;
}

.subcategorias ul li:hover {
	background-color: rgba(255, 165, 0, 0.3);
	margin-left: 18%;
	font-weight: bold;
	font-size: 1.025em;
}

#contenido {
	float: right;
	top: 5%;
	width: 64%;
	height: 90%;
}

#contenido p {
	margin: 0%;
	padding: 0%;
}

.cat_vacia {
	cursor: url(../image/zoom_in.png), crosshair;
}

.cat_no_vacia {
	cursor: url(../image/zoom_out.png), pointer;
}

.visible {
	display: inherit;
}

.no_visible {
	display: none;
}

.inputs_no_visible {
	visibility: hidden;
}

.inputs_visible {
	visibility: visible;
}

#datos, form{
    padding-left: 4%;
}
table {
    padding-left: 8%;
}

#enviar{
    padding-left: 30%;
    padding-top: 3%;
}
#borrar{
    
    padding-left: 45%;
    padding-top: 3%;
}

#addInfo p{
    font-size: 1.025em;
    font-weight: bold;
}


/*=====================================================================================media para moviles*/
@media screen and (max-width: 480px) {
	h1 {
		font-size: 2em;
	}
	#centro {
		width: 100%;
		height: 85%;
		top:10%;
		left: 0;
		border-top: 3px solid #67a0ed;
		border-bottom: 3px solid #67a0ed;
		border-left: 0;
		border-right: 0;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}
	
	.iconos {
	position:static;
	width: 100%;
}

.listaArriba {
	position: fixed;
	width: 100%;
	border-bottom: 0;
	border-top-right-radius: 0;
}
#lista {
	width: 100%;
	font-size: 1em;
	top: 0;
	position:static;
}
#contenido {
	position:static;
	top: 0;
	width: 100%;
	height: 100%;
}
}

/*=====================================================================================media para tablets*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
}